<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>汉服荟商城 - 购物车</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <!-- 商品主页css -->
    <link rel="stylesheet" href="./css/index.css" />
    <!-- 商品详情css -->
    <link rel="stylesheet" href="./css/particulars.css" />
    <!-- axios -->
    <script src="./js/axios.min.js"></script>
    <link rel="stylesheet" href="./icon-font/iconfont.css" />
    <script src="./layui/layui.js"></script>
  </head>
  <body>
    <!-- 导航 -->
    <div class="header">
      <div class="header_top">
        <div class="header_center">
          <a class="log" href="./index.html"></a>
          <div class="header_centerRight">
            <div class="headerSearch">
              <input
                type="text"
                name=""
                id=""
                placeholder="请输入你要搜索的商品或店铺"
              />
              <p></p>
            </div>
            <div class="headerLohin">
              <a href="./reg.html">注册</a>
              <i>|</i>
              <a href="./login.html">登录</a>
            </div>
          </div>
        </div>
      </div>
      <div class="header_bottom">
        <div class="headerNav">
          <p>购物车</p>
          <div class="headerNav_right">
            <a href="#">
              <i></i>
              <span>店铺入驻</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <link rel="stylesheet" href="./css/goodsCar.css" />
    <!-- 购物车 -->
    <div class="car">
      <div class="carTop"><input type="checkbox" /> 全选</div>
      <ul id="carList">
        <!-- <li>
          <input type="checkbox" />
          <div class="imgs"><img src="./img/brand12.png" alt="" /></div>
          <p>
            南雅集新品猫脚包 围脖手套一体 可爱国风秋冬多用 南雅集新品猫脚包
            围脖手套一体 可爱国风秋冬多用
          </p>
          <span id="moy">￥1231</span>
          <button>－</button><span id="pnum">4</span><button>＋</button>
          <i>删除</i>
        </li> -->
      </ul>
      <div class="carBottom">
        <p id="empty">
          <img src="./img/goodsCar.png" alt="" />
          <a href="./index.html"
            ><button>去购物</button><img src="./img/ts8.gif" alt=""
          /></a>
        </p>
        <p>总价钱：<span>0</span></p>
        <button id="goMny">去结算</button>
      </div>
    </div>
    <div class="popout">
      <ul>
        <li class="active">微信</li>
        <li>支付宝</li>
      </ul>
      <div class="zf activeZf"><img src="./img/vx.jpg" alt="" /></div>
      <div class="zf"><img class="fzb" src="./img/zfb.png" alt="" /></div>
      <button>取消</button>
    </div>
    <div class="bgc"></div>
    <script src="./js/goodsCar.js"></script>
    <!-- <script src="./js/particulars.js"></script> -->
  </body>
</html>
